<template>
  <div class="bg_write" v-loading="load">
    <el-row>
      <el-col :span="24" class="content_title">
        <el-col :span="12">
          <HeadTitle></HeadTitle>
        </el-col>
        <el-col :span="12">
        </el-col>
      </el-col>
    </el-row>
    <el-row class="content-right-box on">
      <div class="content-right on">
        <div class="diy clearfix on">
          <div id="diy-phone" class="no-border">
            <div class="diy-phone-header">
              <div class="diy-phone-title j-pagetitle meb_set">会员主页</div>
            </div>
            <div class="diy-phone-contain">
              <div class="nodrag">
                <div class="diy-conitem">
                  <div>
                    <!-- 会员内容 -->
                    <!-- 卡片头 -->
                    <div class="bo_xhy_div1">
                      <img :src="bgImgUrl" alt class="bg_member" />
                      <div class="bo_xhy_div2 zIndex">
                        <a href="#" v-show="topCheck.sms">
                          <img src="../../assets/img/meb/xxx.png" alt class="bo_xhy_img2" />
                        </a>
                        <a href="#" v-show="topCheck.sz">
                          <img src="../../assets/img/meb/sz.png" alt class="bo_xhy_img1" />
                        </a>
                        <a href="#" v-show="topCheck.kf">
                          <img src="../../assets/img/meb/kf.png" alt class="bo_xhy_img1" />
                        </a>
                        <i v-show="topCheck.sms" class="bo_xhy_i1">7</i>
                      </div>
                      <div class="bo_xhy_div3 zIndex">
                        <div class="f_l zIndex">
                          <img src="../../assets/img/meb/tx.jpg" alt class="bo_xhy_img3" />
                          <p class="bo_xhy_p1">会员等级</p>
                        </div>
                        <div class="f_l zIndex">
                          <ul>
                            <li class="bo_xhy_li1">
                              {{ $store.state.adminTitle }}
                            </li>
                            <li class="bo_xhy_li2" v-show="topCheck.tjr">
                              <span class="bo_xhy_span1">{{ topCheck.tjr }}：{{ topCheck.tjr }}</span>
                            </li>
                            <li class="bo_xhy_li5">
                              <img src="../../assets/img/meb/buy_3_star.gif" />
                            </li>
                          </ul>
                        </div>
                      </div>

                      <div class="bo_xhy_div8 zIndex" v-show="topCheck.hym">
                        <div class="fx">
                          <div class="fx">
                            <img src="@/assets/img/meb/huang.png" />
                            <span>会员推广码</span>
                            <span></span>
                            <span>{{ title1 }}</span>
                          </div>
                          <i class="fa fa-qrcode"></i>
                        </div>
                      </div>
                    </div>

                    <!-- 我的订单 -->
                    <div class="bo_huiyuan_div8 zIndex" v-show="check_order" style="width:95%">
                      <div class="bo_xhy_div5">
                        <span class="f_l">我的订单</span>
                        <span class="f_r bo_xhy_span2">查看全部&nbsp;></span>
                      </div>
                      <ul>
                        <li class="bo_huiyuan_li1" v-show="my_orderListCheckList.xs">
                          <div>
                            <img src="../../assets/img/meb/member_menu6.png" class="bo_huiyuan_img6" alt />
                          </div>
                          <div class="bo_huiyuan_div9">我的预售</div>
                        </li>
                        <li class="bo_huiyuan_li1" v-show="my_orderListCheckList.dfk">
                          <div>
                            <img src="../../assets/img/meb/member_menu1.png" class="bo_huiyuan_img6" alt />
                          </div>
                          <div class="bo_huiyuan_div9">待付款</div>
                        </li>
                        <li class="bo_huiyuan_li1" v-show="my_orderListCheckList.dfh">
                          <div>
                            <img src="../../assets/img/meb/member_menu5.png" class="bo_huiyuan_img6" alt />
                          </div>
                          <div class="bo_huiyuan_div9">待发货</div>
                        </li>
                        <li class="bo_huiyuan_li1" v-show="my_orderListCheckList.dsh">
                          <div>
                            <img src="../../assets/img/meb/member_menu2.png" class="bo_huiyuan_img6" alt />
                          </div>
                          <div class="bo_huiyuan_div9">待收货</div>
                        </li>
                        <li class="bo_huiyuan_li1" v-show="my_orderListCheckList.dpj">
                          <div>
                            <img src="../../assets/img/meb/member_menu3.png" class="bo_huiyuan_img6" alt />
                          </div>
                          <div class="bo_huiyuan_div9">待评价</div>
                        </li>
                        <li class="bo_huiyuan_li1" v-show="my_orderListCheckList.sh">
                          <div>
                            <img src="../../assets/img/meb/member_menu4.png" class="bo_huiyuan_img6" alt />
                          </div>
                          <div class="bo_huiyuan_div9">退换/售后</div>
                        </li>
                        <li class="bo_huiyuan_li1" v-show="my_orderListCheckList.zt">
                          <div>
                            <img src="../../assets/img/meb/member_menu7.png" class="bo_huiyuan_img6" alt />
                          </div>
                          <div class="bo_huiyuan_div9">用户自提</div>
                        </li>
                      </ul>
                    </div>

                    <!-- 我的钱包 -->
                    <div class="bo_huiyuan_div8 zIndex" v-show="check_order" style="width:95%">
                      <div class="bo_xhy_div5">
                        <span class="f_l">我的钱包</span>
                      </div>
                      <ul>
                        <li class="bo_xhy_li3" v-show="moneyCheck.yr">
                          <p class="bo_xhy_p2">388</p>
                          <p class="bo_xhy_p3">{{ moneyCheck.yr }}</p>
                        </li>
                        <li class="bo_xhy_li3" v-show="moneyCheck.jf">
                          <p class="bo_xhy_p2">215</p>
                          <p class="bo_xhy_p3">{{ moneyCheck.jf }}</p>
                        </li>
                        <li class="bo_xhy_li3" v-show="moneyCheck.integrity">
                          <p class="bo_xhy_p2">
                            <el-rate :value="3" disabled :max="3" text-color="#ff9900"></el-rate>
                          </p>
                          <p class="bo_xhy_p3">{{ moneyCheck.integrity }}</p>
                        </li>
                        <li class="bo_xhy_li3" v-show="moneyCheck.xlb">
                          <p class="bo_xhy_p2">2.358</p>
                          <p class="bo_xhy_p3">{{ moneyCheck.xlb }}</p>
                        </li>
                        <li class="bo_xhy_li3" v-show="moneyCheck.yj">
                          <p class="bo_xhy_p2">388</p>
                          <p class="bo_xhy_p3">{{ moneyCheck.yj }}</p>
                        </li>
                        <li class="bo_xhy_li3" v-show="moneyCheck.xlbcc">
                          <p class="bo_xhy_p2">388</p>
                          <p class="bo_xhy_p3">{{ moneyCheck.xlbcc }}</p>
                        </li>
                        <li class="bo_xhy_li3" v-show="moneyCheck.xlbhd">
                          <p class="bo_xhy_p2">388</p>
                          <p class="bo_xhy_p3">{{ moneyCheck.xlbhd }}</p>
                        </li>
                        <li class="bo_xhy_li3" v-show="moneyCheck.weight">
                          <p class="bo_xhy_p2">3880</p>
                          <p class="bo_xhy_p3">{{ moneyCheck.weight }}</p>
                        </li>
                        <li class="bo_xhy_li3" v-show="moneyCheck.gold">
                          <p class="bo_xhy_p2">3881</p>
                          <p class="bo_xhy_p3">{{ moneyCheck.gold }}</p>
                        </li>
                        <li class="bo_xhy_li3" v-show="moneyCheck.supply">
                          <p class="bo_xhy_p2">388</p>
                          <p class="bo_xhy_p3">{{ moneyCheck.supply }}</p>
                        </li>
                        <li class="bo_xhy_li3" v-show="moneyCheck.margin">
                          <p class="bo_xhy_p2">388</p>
                          <p class="bo_xhy_p3">{{ moneyCheck.margin }}</p>
                        </li>
                      </ul>
                    </div>

                    <!-- 会员工具 -->

                    <div class="bo_huiyuan_div19" v-show="check_tool" style="height:auto">
                      <div class="bo_xhy_div7">
                        <span class="f_l">会员工具</span>
                      </div>
                      <div class="vip_tool">
                        <div class="vip_tool_item" v-show="toolListCheckList.wdhb">
                          <!-- 我的红包 -->
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/vip_wdhb.png" alt />
                            <p>我的红包</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="toolListCheckList.scsp">
                          <!-- 我的收藏 -->
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/vip_wdsc.png" alt />
                            <p>我的收藏</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="toolListCheckList.scdp">
                          <!-- 资金互转 -->
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/vip_zjhz.png" alt />
                            <p>资金互转</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="toolListCheckList.zjdh">
                          <!-- 资金兑换 -->
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/vip_zjdh.png" alt />
                            <p>资金兑换</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="toolListCheckList.tsjy">
                          <!-- 投诉建议 -->
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/vip_tsjy.png" alt />
                            <p>投诉建议</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="toolListCheckList.shsz">
                          <!-- 申请商户 -->
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/vip_sqsh.png" alt />
                            <p>申请商户</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="toolListCheckList.shdd">
                          <!-- 申请代理 -->
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/vip_sqdl.png" alt />
                            <p>申请代理</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="toolListCheckList.wzy">
                          <!-- 微展业 -->
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/vip_wzy.png" alt />
                            <p>微展业</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="toolListCheckList.jfsc">
                          <div class="vip_tool_item_box">
                            <!-- 积分商城 -->
                            <img src="./../../assets/img/meb/vip_jfsc.png" alt />
                            <p>积分商城</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="toolListCheckList.gpcj">
                          <div class="vip_tool_item_box">
                            <!--  公排点位 -->
                            <img src="./../../assets/img/meb/vip_wzy.png" alt />
                            <p>公排点位</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="toolListCheckList.dzpzdcj">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/dzpzdcj.png" alt />
                            <p>大转盘</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="toolListCheckList.xcxkf">
                          <div class="vip_tool_item_box">
                            <!--  小程序客服 customToolList-->
                            <img src="./../../assets/img/meb/xcx_kf.png" alt />
                            <p>小程序客服</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="
                            toolListCheckList.write &&
                              $store.state.plugin.xxmk &&
                              $store.state.plugin.xxmk.is_open == 1
                          ">
                          <div class="vip_tool_item_box">
                            <!--  线下核销 -->
                            <img src="./../../assets/img/meb/vip_wzy.png" alt />
                            <p>{{ toolListCheckList.write }}</p>
                          </div>
                        </div>

                        <div class="vip_tool_item" v-show="
                            toolListCheckList.sqztd &&
                              $store.state.plugin.xxmk &&
                              $store.state.plugin.xxmk.is_open == 1
                          ">
                          <div class="vip_tool_item_box">
                            <!--  申请自提 -->
                            <img src="./../../assets/img/meb/sqqs.png" alt />
                            <p>{{ toolListCheckList.sqztd }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="toolListCheckList.foot">
                          <div class="vip_tool_item_box">
                            <!--  我的足迹 -->
                            <img src="./../../assets/img/meb/foot.png" alt />
                            <p>{{ toolListCheckList.foot }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-for="(item, i) in customToolList" :key="i">
                          <div class="vip_tool_item_box">
                            <!--  自定义工具  customToolList-->
                            <img :src="item.menu_pic" alt />
                            <p>{{ item.menu_title }}</p>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- 社群微店 -->
                    <div class="bo_huiyuan_div19" v-show="check_sqwd" style="height:auto">
                      <div class="bo_xhy_div7">
                        <span class="f_l">社群微店</span>
                      </div>
                      <div class="vip_tool">
                        <div class="vip_tool_item" v-show="sqwdcheckList.wdwd">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/store_1.png" alt />
                            <p>我的微店</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="sqwdcheckList.glsp">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/store_2.png" alt />
                            <p>管理商品</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="sqwdcheckList.wdzl">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/store_3.png" alt />
                            <p>微店设置</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="sqwdcheckList.gldd">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/store_4.png" alt />
                            <p>微店订单</p>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- 骑手 -->
                    <div class="bo_huiyuan_div19" v-show="check_yuncang" style="height:auto">
                      <div class="bo_xhy_div7">
                        <span class="f_l" v-if="memberList.qsps && memberList.qsps.title">{{ memberList.qsps.title || "" }}</span>
                        <span class="f_l" v-else></span>
                      </div>
                      <div class="vip_tool">
                        <div class="vip_tool_item" v-show="qspscheckList.wyld">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/qs/20.png" alt />
                            <p>{{ qspscheckList.wyld }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="qspscheckList.psz">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/qs/22.png" alt />
                            <p>{{ qspscheckList.psz }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="qspscheckList.yps">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/qs/21.png" alt />
                            <p>{{ qspscheckList.yps }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="qspscheckList.yjmx">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/qs/23.png" alt />
                            <p>{{ qspscheckList.yjmx }}</p>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- 云仓 -->
                    <div class="bo_huiyuan_div19" v-show="
                        check_yuncang &&
                          $store.state.plugin.ycxt &&
                          $store.state.plugin.ycxt.is_open == 1
                      " style="height:auto">
                      <div class="bo_xhy_div7">
                        <span class="f_l" v-if="memberList.yuncang && memberList.yuncang.title">{{ memberList.yuncang.title || "" }}</span>
                        <span class="f_l" v-else></span>
                      </div>
                      <div class="vip_tool">
                        <div class="vip_tool_item" v-show="yuncangcheckList.yc_wyjh">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/yc/l1.png" alt />
                            <p>{{ yuncangcheckList.yc_wyjh }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="yuncangcheckList.yc_ddgl">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/yc/l2.png" alt />
                            <p>{{ yuncangcheckList.yc_ddgl }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="yuncangcheckList.yc_yclv">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/yc/l3.png" alt />
                            <p>{{ yuncangcheckList.yc_yclv }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="yuncangcheckList.yc_wdyc">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/yc/l4.png" alt />
                            <p>{{ yuncangcheckList.yc_wdyc }}</p>
                          </div>
                        </div>

                        <div class="vip_tool_item" v-show="yuncangcheckList.yc_lscc">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/yc/l5.png" alt />
                            <p>{{ yuncangcheckList.yc_lscc }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="yuncangcheckList.yc_hhgl">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/yc/l6.png" alt />
                            <p>{{ yuncangcheckList.yc_hhgl }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="yuncangcheckList.yc_zzzs">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/yc/l7.png" alt />
                            <p>{{ yuncangcheckList.yc_zzzs }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="yuncangcheckList.yc_scsj">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/yc/l8.png" alt />
                            <p>{{ yuncangcheckList.yc_scsj }}</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- 直播电商 -->
                    <div class="bo_huiyuan_div19" v-show="
                        check_live &&
                          $store.state.plugin.zbcj &&
                          $store.state.plugin.zbcj.is_open == 1
                      " style="height:auto">
                      <div class="bo_xhy_div7">
                        <span class="f_l">直播电商</span>
                      </div>
                      <div class="vip_tool">
                        <div class="vip_tool_item" v-show="livecheckList.live_zb">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/fqzb.png" alt />
                            <p>发起直播</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="livecheckList.live_gz">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/wdgz.png" alt />
                            <p>我的关注</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="livecheckList.live_hf">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/wdhf.png" alt />
                            <p>我的回放</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="livecheckList.live_dd">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/wddd.png" alt />
                            <p>我的评论</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- 代驾平台 -->
                    <div class="bo_huiyuan_div19" v-show="
                        check_djpt &&
                          $store.state.plugin.djpt &&
                          $store.state.plugin.djpt.is_open == 1
                      " style="height:auto">
                      <div class="bo_xhy_div7">
                        <span class="f_l">{{$store.state.plugin.djpt.title}}</span>
                      </div>
                      <div class="vip_tool">
                                      <div class="vip_tool_item" v-show="djptcheckList.djxc">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/djxc.png" alt />
                            <p>{{djptcheckList.djxc}}</p>
                          </div>
                        </div>
                                    <div class="vip_tool_item" v-show="djptcheckList.wydj">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/wydj.png" alt />
                            <p>{{djptcheckList.wydj}}</p>
                          </div>
                        </div>
                    
                        <div class="vip_tool_item" v-show="djptcheckList.djdl">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/djdl.png" alt />
                            <p>{{djptcheckList.djdl}}</p>
                          </div>
                        </div>
                   
                              <div class="vip_tool_item" v-show="djptcheckList.djsj">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/djsj.png" alt />
                            <p>{{djptcheckList.djsj }}</p>
                          </div>
                        </div>
                      
                      </div>
                    </div>
                    <!-- 分类信息 -->
                    <div class="bo_huiyuan_div19" v-show="
                        check_flxx &&
                          $store.state.plugin.flxx &&
                          $store.state.plugin.flxx.is_open == 1
                      " style="height:auto">
                      <div class="bo_xhy_div7">
                        <span class="f_l">分类信息</span>
                      </div>
                      <div class="vip_tool">
                        <div class="vip_tool_item" v-show="flxxcheckList.fl_tcfb">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/fl_tcfb.png" alt />
                            <p>{{ flxxcheckList.fl_tcfb }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="flxxcheckList.fl_wdpl">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/fl_wdpl.png" alt />
                            <p>{{ flxxcheckList.fl_wdpl }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="flxxcheckList.fl_wdxx">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/fl_wdxx.png" alt />
                            <p>{{ flxxcheckList.fl_wdxx }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="flxxcheckList.fl_yyfw">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/fl_yyfw.png" alt />
                            <p>{{ flxxcheckList.fl_yyfw }}</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- 任务模块 -->
                    <div class="bo_huiyuan_div19" v-show="
                        check_rwds &&
                          $store.state.plugin.rwds &&
                          $store.state.plugin.rwds.is_open == 1
                      " style="height:auto">
                      <div class="bo_xhy_div7">
                        <span class="f_l">任务大厅</span>
                      </div>
                      <div class="vip_tool">
                        <div class="vip_tool_item" v-show="rwdscheckList.rwdt">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/task_rwdt.png" alt />
                            <p>{{ rwdscheckList.rwdt }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="rwdscheckList.fbrw">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/task_fbrw.png" alt />
                            <p>{{ rwdscheckList.fbrw }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="rwdscheckList.bmdrw">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/task_bmdrw.png" alt />
                            <p>{{ rwdscheckList.bmdrw }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="rwdscheckList.dqrrw">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/task_dqrrw.png" alt />
                            <p>{{ rwdscheckList.dqrrw }}</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- 酒店模块 -->
                    <div class="bo_huiyuan_div19" v-show="
                        check_hotel &&
                          $store.state.plugin.hotel &&
                          $store.state.plugin.hotel.is_open == 1
                      " style="height:auto">
                      <div class="bo_xhy_div7">
                        <span class="f_l">我的酒店</span>
                      </div>
                      <div class="vip_tool">
                        <div class="vip_tool_item" v-show="hotelCheckList.jddd">
                          <div class="vip_tool_item_box">
                            <!--  酒店订单  -->
                            <img src="./../../assets/img/meb/hotel/icon01.png" alt />
                            <p>{{ hotelCheckList.jddd }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="hotelCheckList.dzf">
                          <div class="vip_tool_item_box">
                            <!--  待支付  -->
                            <img src="./../../assets/img/meb/hotel/icon02.png" alt />
                            <p>{{ hotelCheckList.dzf }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="hotelCheckList.drz">
                          <div class="vip_tool_item_box">
                            <!--  待入住  -->
                            <img src="./../../assets/img/meb/hotel/icon03.png" alt />
                            <p>{{ hotelCheckList.drz }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="hotelCheckList.dpj">
                          <div class="vip_tool_item_box">
                            <!--  待评价  -->
                            <img src="./../../assets/img/meb/hotel/icon04.png" alt />
                            <p>{{ hotelCheckList.dpj }}</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- 预约门店 -->
                    <div class="bo_huiyuan_div19" v-show="
                        check_yuyue &&
                          $store.state.plugin.yymk &&
                          $store.state.plugin.yymk.is_open == 1
                      " style="height:auto">
                      <div class="bo_xhy_div7">
                        <span class="f_l">预约门店</span>
                      </div>
                      <div class="vip_tool">
                        <div class="vip_tool_item" v-show="yuyuecheckList.yy_wdmd">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/md/32.png" alt />
                            <p>{{ yuyuecheckList.yy_wdmd }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="yuyuecheckList.yy_ddgl">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/md/30.png" alt />
                            <p>{{ yuyuecheckList.yy_ddgl }}</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="yuyuecheckList.yy_smqr">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/md/33.png" alt />
                            <p>{{ yuyuecheckList.yy_smqr }}</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- 竞拍订单 -->
                    <div class="bo_huiyuan_div19" v-show="check_auction" style="height:auto">
                      <div class="bo_xhy_div7">
                        <span class="f_l">竞拍订单</span>
                      </div>
                      <div class="vip_tool">
                        <div class="vip_tool_item" v-show="auctioncheckList.cpz">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/cpz.png" alt />
                            <p>参拍中</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="auctioncheckList.dzf">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/dzf.png" alt />
                            <p>待支付</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="auctioncheckList.whp">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/whp.png" alt />
                            <p>未获拍</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="auctioncheckList.yhp">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/yhp.png" alt />
                            <p>已获拍</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="auctioncheckList.ylp">
                          <div class="vip_tool_item_box">
                            <!--  大转盘  customToolList-->
                            <img src="./../../assets/img/meb/ylp.png" alt />
                            <p>已流拍</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- crm -->
                    <div class="bo_huiyuan_div19" v-show="
                        check_wcrm &&
                          $store.state.plugin.wcrm &&
                          $store.state.plugin.wcrm.is_open == 1
                      " style="height:auto">
                      <div class="bo_xhy_div7">
                        <span class="f_l">CMR</span>
                        <!-- {{wcrmCheckList}} -->
                        <!-- {{flag.wcrm}} -->
                      </div>

                      <div class="vip_tool">
                        <div class="vip_tool_item" v-show="wcrmCheckList.ghkh">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/public.png" alt />
                            <p>公海客户</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="wcrmCheckList.wdkh">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/mineclinet.png" alt />
                            <p>我的客户</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="wcrmCheckList.wdcj">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/end.png" alt />
                            <p>我的成交</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="wcrmCheckList.wdsy">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/minegrow.png" alt />
                            <p>我的收益</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- 新人特权 -->
                    <div class="bo_xhy_div6" v-show="check_new_power" style="width:95%">
                      <div class="bo_xhy_div5">
                        <span class="f_l">会员活动特权</span>
                        <span class="f_r bo_xhy_span2">查看全部&nbsp;></span>
                      </div>
                      <div class="new_task">
                        <div class="new_task_item" v-show="new_powerrListCheckList.zqqd">
                          <!-- 早起签到 -->
                          <div class="new_task_item_box">
                            <img src="./../../assets/img/meb/novice_zqqd.png" alt />
                          </div>
                        </div>
                        <div class="new_task_item" v-show="new_powerrListCheckList.jfcq">
                          <!-- 积分猜拳 -->
                          <div class="new_task_item_box">
                            <img src="./../../assets/img/meb/novice_jfcq.png" alt />
                          </div>
                        </div>
                        <div class="new_task_item" v-show="new_powerrListCheckList.agccn">
                          <!-- A股猜猜乐 -->
                          <div class="new_task_item_box">
                            <img src="./../../assets/img/meb/novice_agccl.png" alt />
                          </div>
                        </div>
                        <div class="new_task_item" v-show="new_powerrListCheckList.hbrw">
                          <!-- 红包任务 -->
                          <div class="new_task_item_box">
                            <img src="./../../assets/img/meb/novice_hbrw.png" alt />
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- 团长自提 -->
                    <div class="bo_huiyuan_div19" v-show="check_tzzt" style="height:auto">
                      <div class="bo_xhy_div7">
                        <span class="f_l">团长自提</span>
                      </div>
                      <div class="vip_tool">
                        <div class="vip_tool_item" v-show="tzztListCheckList.smqr">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/task_rwdt.png" alt />
                            <p>扫码确认</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="tzztListCheckList.dthdd">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/dth.png" alt />
                            <p>待提货订单</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="tzztListCheckList.ythdd">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/yth.png" alt />
                            <p>已提货订单</p>
                          </div>
                        </div>
                        <div class="vip_tool_item" v-show="tzztListCheckList.xgtzxx">
                          <div class="vip_tool_item_box">
                            <img src="./../../assets/img/meb/xxxg.png" alt />
                            <p>信息修改</p>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- 会员信息 -->
                    <div class="bo_huiyuan_div8" v-show="check_m_data" style="width:95%">
                      <div class="bo_xhy_div5">
                        <span class="f_l">我的市场</span>
                        <span class="f_r bo_xhy_span2">
                          <text class="icon-attention bo_xhy_span2"></text>
                        </span>
                      </div>
                      <div class="fx tc tuan_men">
                        <div class="fx_1 tuan_fir" v-show="m_dataListCheckList.m_1">
                          <div class="fir_1">8</div>
                          <div class="fir_2">我的好友</div>
                        </div>
                        <div class="fx_1 tuan_fir" v-show="m_dataListCheckList.m_2">
                          <div class="fir_1">8</div>
                          <div class="fir_2">团队好友</div>
                        </div>
<!--                        <div class="fx_1 tuan_fir" v-show="m_dataListCheckList.m_3">-->
<!--                          <div class="fir_1">8</div>-->
<!--                          <div class="fir_2">团队业绩</div>-->
<!--                        </div>-->
                        <div class="fx_1 tuan_fir" v-show="m_dataListCheckList.m_4">
                          <div class="fir_1">8</div>
                          <div class="fir_2">累计收益</div>
                        </div>
                      </div>
                      <div class="my_tuandui">
                        <div class="my_tuandui_btn">
                          <span class="fa fa-friend my_tuandui_btn_ic"></span>
                          <span class="my_tuandui_btn_i2">管理我的团队</span>
                        </div>
                      </div>
                    </div>

                    <div class="bo_huiyuan_div8" v-if="check_star" style="width:95%">
                      <div class="bo_xhy_div5">
                        <span class="f_l">{{ check_star }}</span>
                        <span class="f_r bo_xhy_span2">
                          <text class="icon-attention bo_xhy_span2"></text>
                        </span>
                      </div>
                      <div class="fx tc tuan_men">
                        <div class="fx_1 tuan_fir t_br">
                          <div class="fir_2">直属区块</div>
                          <div class="fir_1">2</div>
                        </div>
                        <div class="fx_1 tuan_fir">
                          <div class="fir_2">全网区块</div>
                          <div class="fir_1">1</div>
                        </div>
                      </div>
                      <div class="my_tuandui">
                        <div class="my_tuandui_btn">
                          <span class="el-icon-search my_tuandui_btn_ic"></span>
                          <span class="my_tuandui_btn_i2">查看区块好友</span>
                        </div>
                      </div>
                      <div class="fx tc tuan_men">
<!--                        <div class="fx_1 tuan_fir t_br">-->
<!--                          <div class="fir_2">团队业绩</div>-->
<!--                          <div class="fir_1">0.000000010</div>-->
<!--                        </div>-->
                        <div class="fx_1 tuan_fir">
                          <div class="fir_2">累计收益</div>
                          <div class="fir_1">0.00000000</div>
                        </div>
                      </div>
                      <div class="my_tuandui">
                        <div class="my_tuandui_btn">
                          <span class="el-icon-search my_tuandui_btn_ic"></span>
                          <span class="my_tuandui_btn_i2">查看矿工收益</span>
                        </div>
                      </div>
                    </div>

                    <div class="bo_huiyuan_div20" v-show="check_business">
                      <div class="bo_xhy_div7">
                        <span class="f_l">商户专区</span>
                      </div>
                      <ul>
                        <li class="bo_huiyuan_li3" v-show="businessListCheckList.shsz">
                          <div>
                            <img src="../../assets/img/meb/gh.png" class="bo_huiyuan_img8" alt />
                          </div>
                          <div class="bo_huiyuan_div15">申请供货</div>
                        </li>
                        <li class="bo_huiyuan_li3" v-show="businessListCheckList.shdd">
                          <div>
                            <img src="../../assets/img/meb/dl.png" class="bo_huiyuan_img8" alt />
                          </div>
                          <div class="bo_huiyuan_div15">申请代理</div>
                        </li>
                        <li class="bo_huiyuan_li3" v-show="businessListCheckList.shqb">
                          <div>
                            <img src="../../assets/img/meb/qb.png" class="bo_huiyuan_img8" alt />
                          </div>
                          <div class="bo_huiyuan_div15">商户钱包</div>
                        </li>
                        <li class="bo_huiyuan_li3" v-show="businessListCheckList.shrwm">
                          <div>
                            <img src="../../assets/img/meb/ewm_sh.png" class="bo_huiyuan_img8" alt />
                          </div>
                          <div class="bo_huiyuan_div15">商户二维码</div>
                        </li>
                      </ul>
                    </div>

                    <!-- 商品推荐 -->
                    <div class="blank" v-show="check_recommend"></div>
                    <div v-show="check_recommend">
                      <img src="../../assets/img/meb/wntj.jpg" alt class="bo_huiyuan_img7" />
                    </div>
                    <div class="blank" v-show="check_recommend"></div>
                    <ul class="clearfix" v-show="check_recommend">
                      <li class="bo_huiyuan_li4">
                        <img class="bo_huiyuan_img7" src="../../assets/img/meb/shops.png" />
                        <div class="bo_huiyuan_div12">
                          两条装高腰收腹收胃瘦身产后束腹超薄美体塑
                        </div>
                        <div class="bo_huiyuan_div14">
                          <span class="bo_huiyuan_span3">￥260.00</span>
                          <span class="f_r bo_huiyuan_span4">看相似</span>
                        </div>
                      </li>
                      <li class="bo_huiyuan_li4">
                        <img class="bo_huiyuan_img7" src="../../assets/img/meb/shops.png" />
                        <div class="bo_huiyuan_div12">
                          两条装高腰收腹收胃瘦身产后束腹超薄美体塑
                        </div>
                        <div class="bo_huiyuan_div14">
                          <span class="bo_huiyuan_span3">￥260.00</span>
                          <span class="f_r bo_huiyuan_span4">看相似</span>
                        </div>
                      </li>
                      <li class="bo_huiyuan_li4">
                        <img class="bo_huiyuan_img7" src="../../assets/img/meb/shops.png" />
                        <div class="bo_huiyuan_div12">
                          两条装高腰收腹收胃瘦身产后束腹超薄美体塑
                        </div>
                        <div class="bo_huiyuan_div14">
                          <span class="bo_huiyuan_span3">￥260.00</span>
                          <span class="f_r bo_huiyuan_span4">看相似</span>
                        </div>
                      </li>
                    </ul>
                    <div class="phone_footer">
                      <i class="diy-phone-footer"></i>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div id="diy-ctrl">
            <div class="diy-ctrl-item diy-ctrl-items on">
              <div>
                <el-radio-group v-model="ratingId">
                  <el-radio-button v-for="item in ratinglist" :label="item.id" :key="item.title">{{ item.title }}</el-radio-button>
                </el-radio-group>
              </div>
              <div class="tl">
                <div class="formitems">
                  <div class="form-controls leb_check_width" style="padding-top: 15px !important;">
                    <el-checkbox v-model="checkedAll">是否应用所有等级</el-checkbox>
                  </div>
                </div>
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <label for>顶部背景图</label>
                  </div>
                </div>
                <div class="showPosition checkAll_menber" style="position:relative;z-index:5;">
                  <uploadpic :piclink="bgImgUrl" :width="150" :height="84" :real_width="640" :real_height="360" :is_more="false"
                      @send_pic="uploadSuccess"></uploadpic>
                  <span class="def_img j-def-img-2">
                    <i class="el-icon-error" @click="defaultImg"></i>
                  </span>
                </div>
              </div>
              <div v-if="memberList.top" class>
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <label for>{{ memberList.top.title }}</label>
                  </div>
                </div>

                <div class="showPosition" v-if="memberList.top.data">
                  <el-checkbox-group v-model="topList" class="checkAll_menber" @change="hadnTop">
                    <el-checkbox v-for="(item, i) in memberList.top.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                    <!-- <el-checkbox :label="'kf:'+memberList.top.data.kf">{{memberList.top.data.kf}}</el-checkbox>
                    <el-checkbox :label="'sz:'+memberList.top.data.sz">{{memberList.top.data.sz}}</el-checkbox>
                    <el-checkbox :label="'sms:'+memberList.top.data.sms">{{memberList.top.data.sms}}</el-checkbox>
                    <el-checkbox :label="'tjr:'+memberList.top.data.tjr">{{memberList.top.data.tjr}}</el-checkbox>
                    <el-checkbox
                      :label="'super:'+memberList.top.data.super"
                    >{{memberList.top.data.super}}</el-checkbox>
                    <el-checkbox :label="'hym:'+memberList.top.data.hym">{{memberList.top.data.hym}}</el-checkbox>-->
                  </el-checkbox-group>

                  <el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="60px" style="margin:10px 0">
                    <el-form-item label="标题">
                      <el-input v-model="title1" placeholder="推广码标题"></el-input>
                    </el-form-item>
                    <!-- <el-form-item label="标题2">
                      <el-input v-model="title2" placeholder="标题2"></el-input>
                    </el-form-item>
                    <el-form-item label="链接">
                      <el-input v-model="links" placeholder="请输入跳转链接"></el-input>
                    </el-form-item>
                    <el-form-item>
                      <LinkMenu @sendRow="getSendRow"></LinkMenu>
                    </el-form-item>-->
                  </el-form>
                </div>

                <div v-else style="margin-top:40px">无设置项</div>
              </div>

              <div v-if="memberList.money" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <label for>{{ memberList.money.title }}</label>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.money && memberList.money.data">
                  <el-checkbox-group v-model="moneyList" class="checkAll_menber" @change="hadnMoney">
                    <el-checkbox v-for="(item, i) in memberList.money.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>

                <div v-else style="margin-top:40px">无设置项</div>
              </div>

              <div v-if="memberList.my_order" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_order" :label="memberList.my_order.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.my_order && memberList.my_order.data">
                  <el-checkbox-group v-model="my_orderList" class="checkAll_menber" @change="hadnmy_order">
                    <el-checkbox v-for="(item, i) in memberList.my_order.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>
              <div v-if="memberList.new_power">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_new_power" :label="memberList.new_power.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.new_power && memberList.new_power.data">
                  <el-checkbox-group v-model="new_powerrList" class="checkAll_menber" @change="hadnnew_power">
                    <el-checkbox v-for="(item, i) in memberList.new_power.data" :label="i + ':' + item.title" :key="item.title">{{ item.title }}
                    </el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:20px">无设置项</div>
              </div>

              <div v-if="memberList.sqwd">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_sqwd" :label="memberList.sqwd.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.sqwd && memberList.sqwd.data">
                  <el-checkbox-group v-model="sqwdList" class="checkAll_menber" @change="hadnsqwd">
                    <el-checkbox v-for="(item, i) in memberList.sqwd.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>

              <div v-if="memberList.qsps">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_qsps" :label="memberList.qsps.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.qsps && memberList.qsps.data">
                  <el-checkbox-group v-model="qspsList" class="checkAll_menber" @change="hadnqsps">
                    <el-checkbox v-for="(item, i) in memberList.qsps.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>

              <div v-if="memberList.yuncang">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_yuncang" :label="memberList.yuncang.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.yuncang && memberList.yuncang.data">
                  <el-checkbox-group v-model="yuncangList" class="checkAll_menber" @change="hadnyuncang">
                    <el-checkbox v-for="(item, i) in memberList.yuncang.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>

              <div v-if="memberList.live">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_live" :label="memberList.live.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.live && memberList.live.data">
                  <el-checkbox-group v-model="liveList" class="checkAll_menber" @change="hadnlive">
                    <el-checkbox v-for="(item, i) in memberList.live.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>

              <div v-if="memberList.yuyue">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_yuyue" :label="memberList.yuyue.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.yuyue && memberList.yuyue.data">
                  <el-checkbox-group v-model="yuyueList" class="checkAll_menber" @change="hadnyuyue">
                    <el-checkbox v-for="(item, i) in memberList.yuyue.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>

              <!-- 团长自提 -->
              <div v-if="memberList.tzzt">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_tzzt" :label="memberList.tzzt.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.tzzt && memberList.tzzt.data">
                  <el-checkbox-group v-model="tzztList" class="checkAll_menber" @change="hadnmy_tzzt">
                    <el-checkbox v-for="(item, i) in memberList.tzzt.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>

              <div v-if="memberList.jpsc_order">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_auction" :label="memberList.jpsc_order.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.jpsc_order && memberList.jpsc_order.data">
                  <el-checkbox-group v-model="auctionList" class="checkAll_menber" @change="hadnauction">
                    <el-checkbox v-for="(item, i) in memberList.jpsc_order.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>
              <div v-if="memberList.m_tx" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_tx" :label="memberList.m_tx.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.m_tx && memberList.m_tx.data">
                  <el-checkbox-group v-model="tx_dataList" class="checkAll_menber" @change="hadntx">
                    <el-checkbox v-for="(item, i) in memberList.m_tx.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>

              <div v-if="memberList.star" class>
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_star" :label="memberList.star.title" :true-label="memberList.star.title" false-label></el-checkbox>
                  </div>
                </div>
              </div>

              <div v-if="memberList.business" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_business" :label="memberList.business.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.business && memberList.business.data">
                  <el-checkbox-group v-model="businessList" class="checkAll_menber" @change="hadnbusiness">
                    <el-checkbox v-for="(item, i) in memberList.business.data" :style="{
                        width:
                          i == '0'
                            ? 120 + 'px !important'
                            : 110 + 'px !important'
                      }" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>
              <div v-if="memberList.tool" class>
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_tool" :label="memberList.tool.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.tool && memberList.tool.data">
                  <el-checkbox-group v-model="toolList" class="checkAll_menber" @change="hadntool">
                    <el-checkbox v-for="(item, i) in memberList.tool.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>

              <div v-if="memberList.djpt">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_djpt" :label="memberList.djpt.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.djpt && memberList.djpt.data">
                  <el-checkbox-group v-model="djptList" class="checkAll_menber" @change="hadndjpt">
                    <el-checkbox v-for="(item, i) in memberList.djpt.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>

              <div v-if="memberList.flxx" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_flxx" :label="memberList.flxx.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.flxx && memberList.flxx.data">
                  <el-checkbox-group v-model="flxxList" class="checkAll_menber" @change="hadnflxx">
                    <el-checkbox v-for="(item, i) in memberList.flxx.data" :style="{
                        width:
                          i == '0'
                            ? 120 + 'px !important'
                            : 110 + 'px !important'
                      }" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>
              <div v-if="memberList.rwds" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_rwds" :label="memberList.rwds.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.rwds && memberList.rwds.data">
                  <el-checkbox-group v-model="rwdsList" class="checkAll_menber" @change="hadnrwds">
                    <el-checkbox v-for="(item, i) in memberList.rwds.data" :style="{
                        width:
                          i == '0'
                            ? 120 + 'px !important'
                            : 110 + 'px !important'
                      }" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>

              <!-- 酒店 -->
              <div v-if="memberList.my_hotel" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_hotel" :label="memberList.my_hotel.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.my_hotel && memberList.my_hotel.data">
                  <el-checkbox-group v-model="hotelList" class="checkAll_menber" @change="hadnhotel">
                    <el-checkbox v-for="(item, i) in memberList.my_hotel.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>

              <!-- crm -->
              <div v-if="memberList.wcrm" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_wcrm" :label="memberList.wcrm.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.wcrm && memberList.wcrm.data">
                  <el-checkbox-group v-model="wcrmList" class="checkAll_menber" @change="hadwcrm">
                    <el-checkbox v-for="(item, i) in memberList.wcrm.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>
              <el-row class>
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    自定义会员工具
                  </div>
                </div>

                <div class="showPosition" style="padding:10px 0 10px 10px">
                  <el-row class type="flex" style="flex-wrap: wrap;">
                    <div class="vip_tool_item add-menber-tool-item" v-for="(item, i) in customToolList" :key="i">
                      <div class="vip_tool_item_box" style="height: 100%;justify-content: center;position: relative;z-index: 1;">
                        <img :src="item.menu_pic" alt />
                        <p>{{ item.menu_title }}</p>
                      </div>
                      <div class="close-member-toll">
                        <i class="el-icon-edit" @click="editMemberTool(item)"></i>
                        <i class="el-icon-close" title="删除" @click="delTool(item)"></i>
                      </div>
                    </div>

                    <div class="add-menber-tool" @click="(showCustomTool = true), (row = {})">
                      <i class="el-icon-plus"></i>
                    </div>
                  </el-row>
                </div>
              </el-row>
              <div v-if="memberList.m_data">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_m_data" :label="memberList.m_data.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.m_data && memberList.m_data.data">
                  <el-checkbox-group v-model="m_dataList" class="checkAll_menber" @change="hadnm_data">
                    <el-checkbox v-for="(item, i) in memberList.m_data.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>
              <div v-if="memberList.recommend" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_recommend" :label="memberList.recommend.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.recommend && memberList.recommend.data">
                  <el-checkbox-group v-model="recommendList" class="checkAll_menber" @change="hadnrecommend">
                    <el-checkbox v-for="(item, i) in memberList.recommend.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top:40px">无设置项</div>
              </div>
            </div>
          </div>
          <el-col :span="22" class="men_add">
            <el-card shadow="always">
              <el-button :loading="$store.state.isLoading" @click="memAdd" @keydown.13="memAdd" type="success">保存</el-button>
              <el-button :loading="$store.state.isLoading" @click="clearall" type="danger">清空</el-button>
            </el-card>
          </el-col>
        </div>
      </div>
    </el-row>

    <el-dialog title="自定义工具" :visible.sync="showCustomTool" :close-on-click-modal="false" width="800">
      <custom-member-tool :row="row" v-if="showCustomTool" @updateList="getUpdateList" @hideDio="getHideDio"></custom-member-tool>
    </el-dialog>
  </div>
</template>

<script>
import HeadTitle from "@/components/currency/HeadTitle.vue";
import customMemberTool from "./custom-member-tool/custom-member-tool"; //自定义工具组件
import uploadpic from "@/components/page/pic/up_pic";
// import  "../../assets/css/style.css";
import LinkMenu from "@/components/currency/Link_menu.vue";
export default {
  components: {
    HeadTitle,
    customMemberTool,
    uploadpic,
    LinkMenu
  },
  data () {
    return {
      row: {},
      showCustomTool: false, //自定义工具显示
      customToolList: [],
      ratingId: "",
      bgImgUrl: "",
      ratinglist: [],
      memberList: {
        qsps: { title: "" }
      },

      check_tx: false,
      checkedAll: false,
      check_order: false, //订单是否显示
      check_new_power: false, //新人是否显示
      check_m_data: false, //会员数据
      check_business: false, //商户专区
      check_tool: false, //会员工具
      check_recommend: false, //商品推荐
      check_sqwd: false,
      check_qsps: false,
      check_yuncang: false,
      check_live: false,
      check_djpt: false,
      check_yuyue: false,
      check_auction: false,
      check_flxx: false,
      check_rwds: false,
      check_hotel: false,
      check_wcrm: false, //CMR
      check_tzzt: false, //团长自提

      topCheck: [],
      topList: [],

      moneyList: [],
      moneyCheck: [],

      my_txList: [],
      my_orderListCheckList: [],
      my_orderList: [],

      tzztList: [],
      tzztListCheckList: [],

      new_powerrList: [],
      new_powerrListCheckList: [],

      m_dataList: [],
      m_dataListCheckList: [],

      businessList: [],
      businessListCheckList: [],

      toolList: [],
      toolListCheckList: [],

      recommendList: [],
      recommendListCheckList: [],

      tx_dataList: [],
      tx_datacheckList: [],

      sqwdList: [],
      sqwdcheckList: [],

      qspsList: [],
      qspscheckList: [],

      yuncangList: [],
      yuncangcheckList: [],

      liveList: [],
      livecheckList: [],

      djptList: [],
            djptcheckList: [],

      auctionList: [],
      auctioncheckList: [],

      flxxList: [],
      flxxcheckList: [],

      rwdsList: [],
      rwdscheckList: [],

      yuyueList: [],
      yuyuecheckList: [],

      hotelList: [],
      hotelCheckList: [],

      // cmr
      wcrmList: [],
      wcrmCheckList: [],

      load: false,
      formInline: {},
      check_star: "",
      title1: "推荐好友加入享好礼",
      //   title2: "去购物",
      //   links: "/page/member_shop",
      rattingId: "1",
      rattingTitle: ""
    };
  },
  methods: {
    delTool (item) {
      this.$swal({
        title: "您确定要删除 " + item.menu_title + " 工具吗",
        text: "删除后将无法恢复，请谨慎操作！",
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "是的，我要删除",
        cancelButtonText: "容我三思"
      }).then(willDelete => {
        if (willDelete.value) {
          this.$api.getMember.delCustomMemberTool({ id: item.id }).then(res => {
            if (res.data.code == 200) {
              this.$swal("删除成功！", "您已经删除了这些信息。", "success");
              this.getCustomToolList();
            } else {
              this.$swal("删除失败！", "出错啦！", "success");
            }
          });
        }
      });
    },
    editMemberTool (row) {
      this.row = row;
      this.showCustomTool = true;
    },
    getUpdateList () {
      this.getCustomToolList();
      this.showCustomTool = false;
    },
    getCustomToolList () {
      this.$api.getMember.getCustomMemberToolList({}).then(res => {
        if (res.data.code == 200) {
          this.customToolList = res.data.result;
        } else {
          this.$fnc.alertError(res.data.code_desc, res.data.result); //失败弹出框
        }
      });
    },
    getHideDio () {
      this.showCustomTool = false;
    },
    clearall () {
      this.$swal({
        title: "您确定要清空这些信息吗",
        text: "清空后将无法恢复，请谨慎操作！",
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "是的，我要删除",
        cancelButtonText: "容我三思"
      }).then(willDelete => {
        if (willDelete.value) {
          var data = {};
          this.$api.getUser.clear_member_set(data).then(res => {
            if (res.data.code == 200) {
              this.$swal("清空成功！", "您已经清空了这些信息。", "success");
            } else {
              this.$swal("清空失败！", "出错啦！", "success");
            }
          });
        }
      });
    },
    uploadSuccess (file) {
      this.bgImgUrl = this.$fnc.getImgUrl(file);
    },
    defaultImg () {
      this.bgImgUrl = require("../../assets/img/meb/bg1.jpg");
    },
    getRatingList () {
      var params = {};
      params.parent_id = "0";
      this.$api.getUser.getRatingList(params).then(res => {
        if (res.data.code == 200 && res.data.status == 1 && res.data.result) {
          this.ratinglist = res.data.result;
          this.ratingId = res.data.result[0].id;
        }
      });
    },
    getMemberList () {
      var params = {};
      this.$api.getMember.memberList(params).then(res => {
        this.memberList = res.data.result;
      });
    },
    findMenConfig (id) {
      var params = {};
      params.id = id;
      this.$api.getMember.findMemberConfig(params).then(res => {
        if (res.data.code == 200 && res.data.status == 1) {
          var result = res.data.result;
          this.rattingId = res.data.result.id;
          console.log(result);
          var flag = null;
          if (result.flag == "") {
            flag = null;
          } else {
            flag = JSON.parse(result.flag);
          }

          if (result.piclink && result.piclink.indexOf("assets") < 0) {
            this.bgImgUrl = this.$fnc.getImgUrl(result.piclink);
          } else {
            this.bgImgUrl = result.piclink || "";
          }
          if (flag == null) {
            this.topList = [];
            this.my_orderList = [];
            this.m_dataList = [];

            this.moneyList = [];

            this.new_powerrList = [];
            this.new_powerrListCheckList = [];

            this.businessList = [];
            this.toolList = [];
            this.recommendList = [];
            this.topCheck = [];
            this.my_orderListCheckList = [];
            this.m_dataListCheckList = [];
            this.businessListCheckList = [];
            this.toolListCheckList = [];
            this.recommendListCheckList = [];
            this.tx_datacheckList = [];
            this.sqwdcheckList = [];
            this.livecheckList = [];
            this.djptcheckList = [];
            this.hotelCheckList = [];
            this.tzztListCheckList = [];
            return false;
          }

          this.check_star =
            flag.star.title && this.memberList.star ? flag.star.title : "";
          if (flag.top.title1) {
            this.title1 = flag.top.title1;
          } else {
            this.title1 = "推荐好友加入享好礼";
          }
          //   if (flag.top.title2) {
          //     this.title2 = flag.top.title2;
          //   } else {
          //     this.title2 = "去购物";
          //   }
          //   if (flag.top.links) {
          //     this.links = flag.top.links;
          //   } else {
          //     this.links = "/page/member_shop";
          //   }

          this.topList = this.$fnc.objOrArr(flag.top.data);
          this.topCheck = this.$fnc.arrOrObj(this.topList);

          this.moneyList = this.$fnc.objOrArr(flag.money.data);
          this.moneyCheck = this.$fnc.arrOrObj(this.moneyList);

          if (JSON.stringify(flag.my_order.data) == "{}") {
            this.check_order = false;
          } else {
            this.check_order = true;
          }
          this.my_orderList = this.$fnc.objOrArr(flag.my_order.data);
          this.my_orderListCheckList = this.$fnc.arrOrObj(this.my_orderList);

          if (JSON.stringify(flag.m_data.data) == "{}") {
            this.check_m_data = false;
          } else {
            this.check_m_data = true;
          }
          this.m_dataList = this.$fnc.objOrArr(flag.m_data.data);
          this.m_dataListCheckList = this.$fnc.arrOrObj(this.m_dataList);

          if (JSON.stringify(flag.new_power.data) == "{}") {
            this.check_new_power = false;
          } else {
            this.check_new_power = true;
          }
          this.new_powerrList = this.$fnc.objOrArr(flag.new_power.data);
          this.new_powerrListCheckList = this.$fnc.arrOrObj(
            this.new_powerrList
          );

          if (JSON.stringify(flag.business.data) == "{}") {
            this.check_business = false;
          } else {
            this.check_business = true;
          }

          this.businessList = this.$fnc.objOrArr(flag.business.data);
          this.businessListCheckList = this.$fnc.arrOrObj(this.businessList);

          try {
            if (flag.sqwd && JSON.stringify(flag.sqwd.data) == "{}") {
              this.check_sqwd = false;
            } else {
              this.check_sqwd = true;
            }
            this.sqwdList = this.$fnc.objOrArr(flag.sqwd.data);
            this.sqwdcheckList = this.$fnc.arrOrObj(this.sqwdList);
          } catch (error) {
            new Error("member 1123");
          }

          try {
            if (flag.qsps && JSON.stringify(flag.qsps.data) == "{}") {
              this.check_qsps = false;
            } else {
              this.check_qsps = true;
            }
            this.qspsList = this.$fnc.objOrArr(flag.qsps.data);
            this.qspscheckList = this.$fnc.arrOrObj(this.qspsList);
          } catch (error) {
            new Error("member 1123");
          }

          try {
            if (flag.yuncang && JSON.stringify(flag.yuncang.data) == "{}") {
              this.check_yuncang = false;
            } else {
              this.check_yuncang = true;
            }
            this.yuncangList = this.$fnc.objOrArr(flag.yuncang.data);
            this.yuncangcheckList = this.$fnc.arrOrObj(this.yuncangList);
          } catch (error) {
            new Error("member 1123");
          }

          try {
            if (flag.yuyue && JSON.stringify(flag.yuyue.data) == "{}") {
              this.check_yuyue = false;
            } else {
              this.check_yuyue = true;
            }
            this.yuyueList = this.$fnc.objOrArr(flag.yuyue.data);
            this.yuyuecheckList = this.$fnc.arrOrObj(this.yuyueList);
          } catch (error) {
            new Error("member 1123");
          }

          if (JSON.stringify(flag.m_tx.data) == "{}") {
            this.check_m_tx = false;
            this.check_tx = false;
          } else {
            this.check_tx = true;
            this.check_m_tx = true;
          }
          this.tx_dataList = this.$fnc.objOrArr(flag.m_tx.data);
          this.tx_datacheckList = this.$fnc.arrOrObj(this.tx_dataList);

          if (JSON.stringify(flag.tool.data) == "{}") {
            this.check_tool = false;
          } else {
            this.check_tool = true;
          }
          this.toolList = this.$fnc.objOrArr(flag.tool.data);
          this.toolListCheckList = this.$fnc.arrOrObj(this.toolList);

          // 团长自提
          if (JSON.stringify(flag.tzzt.data) == "{}") {
            this.check_tzzt = false;
          } else {
            this.check_tzzt = true;
          }
          this.tzztList = this.$fnc.objOrArr(flag.tzzt.data);
          this.tzztListCheckList = this.$fnc.arrOrObj(this.tzztList);

          this.recommendList = this.$fnc.objOrArr(flag.recommend.data);
          this.recommendListCheckList = this.$fnc.arrOrObj(this.recommendList);

          if (JSON.stringify(flag.recommend.data) == "{}") {
            this.check_recommend = false;
          } else if (flag.recommend.data == "true") {
            this.check_recommend = true;
          } else {
            this.check_recommend = false;
          }

          try {
            if (flag.live && JSON.stringify(flag.live.data) == "{}") {
              this.check_live = false;
            } else {
              this.check_live = true;
            }
            this.liveList = this.$fnc.objOrArr(flag.live.data);
            this.livecheckList = this.$fnc.arrOrObj(this.liveList);
          } catch (error) {
            new Error("member 1123");
          }
          try {
            if (flag.djpt && JSON.stringify(flag.djpt.data) == "{}") {
              this.check_djpt = false;
            } else {
              this.check_djpt = true;
            }
            this.djptList = this.$fnc.objOrArr(flag.djpt.data);
            this.djptcheckList = this.$fnc.arrOrObj(this.djptList);
          } catch (error) {
            new Error("member 1123");
          }
          try {
            if (
              flag.jpsc_order &&
              JSON.stringify(flag.jpsc_order.data) == "{}"
            ) {
              this.check_auction = false;
            } else {
              this.check_auction = true;
            }
            this.auctionList = this.$fnc.objOrArr(flag.jpsc_order.data);
            this.auctioncheckList = this.$fnc.arrOrObj(this.auctionList);
          } catch (error) {
            new Error("member 1123");
          }
          try {
            if (flag.flxx && JSON.stringify(flag.flxx.data) == "{}") {
              this.check_flxx = false;
            } else {
              this.check_flxx = true;
            }
            this.flxxList = this.$fnc.objOrArr(flag.flxx.data);
            this.flxxcheckList = this.$fnc.arrOrObj(this.flxxList);
          } catch (error) {
            new Error("member 1123");
          }
          try {
            if (flag.rwds && JSON.stringify(flag.rwds.data) == "{}") {
              this.check_rwds = false;
            } else {
              this.check_rwds = true;
            }
            this.rwdsList = this.$fnc.objOrArr(flag.rwds.data);
            this.rwdscheckList = this.$fnc.arrOrObj(this.rwdsList);
          } catch (error) {
            new Error("member 1123");
          }

          try {
            if (flag.my_hotel && JSON.stringify(flag.my_hotel.data) == "{}") {
              this.check_hotel = false;
            } else {
              this.check_hotel = true;
            }
            this.hotelList = this.$fnc.objOrArr(flag.my_hotel.data);
            this.hotelCheckList = this.$fnc.arrOrObj(this.hotelList);
          } catch (error) {
            new Error("member 1123");
          }

          // cmr
          try {
            if (flag.wcrm && JSON.stringify(flag.wcrm.data) == "{}") {
              this.check_wcrm = false;
            } else {
              this.check_wcrm = true;
            }
            this.wcrmList = this.$fnc.objOrArr(flag.wcrm.data);
            this.wcrmCheckList = this.$fnc.arrOrObj(this.wcrmList);
          } catch (error) {
            new Error("member 1123");
          }
        } else {
          this.$message.error("错误", "请重新尝试！");
        }
      });
    },
    memAdd () {
      var params = {};
      var flag = {
        top: {
          title1: ""
          // title2: "",
          // links: ""
        },
        money: {},
        tool: {},
        recommend: {},
        new_power: {},
        my_order: {},
        m_data: {},
        business: {},
        star: {},
        m_tx: {},
        sqwd: {},
        qsps: {},
        yuncang: {},
        live: {},
        djpt: {},
        yuyue: {},
        jpsc_order: {},
        flxx: {},
        rwds: {},
        my_hotel: {},
        wcrm: {}, //wcrm
        tzzt: {}
      };
      params.id = this.ratingId;
      params.all = this.checkedAll ? 1 : 0;
      var url = "";
      if (this.bgImgUrl.indexOf("/api/") >= 0) {
        url = this.bgImgUrl.slice(this.bgImgUrl.indexOf("/api/") + 5);
      } else {
        url = this.bgImgUrl;
      }
      params.piclink = url;
      flag.top.title = this.memberList.top.title;

      flag.top.title1 = this.title1 || "推荐好友加入享好礼";
      //   flag.top.title2 = this.title2 || "去购物";
      //   flag.top.links = this.links || "/page/member_shop";

      flag.star.title =
        this.check_star && this.memberList.star.title ? "区块链星球" : "";

      flag.money.title = this.memberList.money.title;

      flag.tool.title = this.memberList.tool.title;

      flag.recommend.title = this.memberList.recommend.title;

      flag.new_power.title = this.memberList.new_power.title;
      try {
        flag.my_order.title = this.memberList.my_order.title;
      } catch (error) { }

      flag.m_data.title = this.memberList.m_data.title;
      flag.m_tx.title = this.memberList.m_tx.title;

      if (this.memberList.sqwd && this.memberList.sqwd.title) {
        flag.sqwd.title = this.memberList.sqwd.title;
      }
      try {
        flag.sqwd.title = this.memberList.sqwd.title;
        // flag.business.title = this.memberList.business.title;
      } catch (error) {
        console.log("未开通商户");
        Error("未开通商户");
      }

      if (this.memberList.qsps && this.memberList.qsps.title) {
        flag.qsps.title = this.memberList.qsps.title;
      }
      try {
        flag.qsps.title = this.memberList.qsps.title;
        // flag.business.title = this.memberList.business.title;
      } catch (error) {
        Error("qsps");
      }

      try {
        if (this.memberList.yuncang && this.memberList.yuncang.title) {
          flag.yuncang.title = this.memberList.yuncang.title;
        }
        flag.yuncang.title = this.memberList.yuncang.title;
        // flag.business.title = this.memberList.business.title;
      } catch (error) {
        Error("yuncang");
      }

      try {
        if (this.memberList.yuyue && this.memberList.yuyue.title) {
          flag.yuyue.title = this.memberList.yuyue.title;
        }
        flag.yuyue.title = this.memberList.yuyue.title;
      } catch (error) {
        Error("yuyue");
      }

      flag.m_tx.data = this.$fnc.arrOrObj(this.tx_dataList);
      flag.top.data = this.$fnc.arrOrObj(this.topList);

      flag.money.data = this.$fnc.arrOrObj(this.moneyList);

      flag.tool.data = this.check_tool ? this.$fnc.arrOrObj(this.toolList) : {};

      flag.recommend.data = this.check_recommend ? "true" : "false";

      flag.new_power.data = this.check_new_power
        ? this.$fnc.arrOrObj(this.new_powerrList)
        : {};

      flag.my_order.data = this.check_order
        ? this.$fnc.arrOrObj(this.my_orderList)
        : {};

      flag.m_data.data = this.check_m_data
        ? this.$fnc.arrOrObj(this.m_dataList)
        : {};

      flag.business.data = this.check_business
        ? this.$fnc.arrOrObj(this.businessList)
        : {};

      flag.m_tx.data = this.check_tx
        ? this.$fnc.arrOrObj(this.tx_dataList)
        : {};
      flag.sqwd.data = this.check_sqwd ? this.$fnc.arrOrObj(this.sqwdList) : {};

      flag.qsps.data = this.check_qsps ? this.$fnc.arrOrObj(this.qspsList) : {};

      flag.yuncang.data = this.check_yuncang
        ? this.$fnc.arrOrObj(this.yuncangList)
        : {};

      flag.live.data = this.check_live ? this.$fnc.arrOrObj(this.liveList) : {};
      flag.djpt.data = this.check_djpt ? this.$fnc.arrOrObj(this.djptList) : {};

      flag.jpsc_order.data = this.check_auction
        ? this.$fnc.arrOrObj(this.auctionList)
        : {};
      flag.flxx.data = this.check_flxx ? this.$fnc.arrOrObj(this.flxxList) : {};

      flag.rwds.data = this.check_rwds ? this.$fnc.arrOrObj(this.rwdsList) : {};

      flag.yuyue.data = this.check_yuyue
        ? this.$fnc.arrOrObj(this.yuyueList)
        : {};

      flag.my_hotel.data = this.check_hotel
        ? this.$fnc.arrOrObj(this.hotelList)
        : {};
      flag.wcrm.data = this.check_wcrm ? this.$fnc.arrOrObj(this.wcrmList) : {};
      // 团长自提
      flag.tzzt.data = this.check_tzzt ? this.$fnc.arrOrObj(this.tzztList) : {};

      params.flag = JSON.stringify(flag);
      this.$api.getMember.setMemBerConfig(params).then(res => {
        if (res.data.code == 200 && res.data.result) {
          this.$fnc.alertSuccess({ text: "修改成功" }); //成功弹出框
        } else {
          this.$fnc.alertError(res.data.code_desc, res.data.result); //失败弹出框
        }
      });
    },
    hadnTop (value) {
      this.topCheck = this.$fnc.arrOrObj(value);
    },
    hadnMoney (value) {
      this.moneyCheck = this.$fnc.arrOrObj(value);
    },
    hadnauction (value) {
      if (value.length <= 0) {
        this.check_auction = false;
        return;
      } else {
        this.check_auction = true;
        this.auctioncheckList = this.$fnc.arrOrObj(value);
      }
    },
    // wcrm
    hadwcrm (value) {
      if (value.length <= 0) {
        this.check_wcrm = false;
        return;
      } else {
        this.check_wcrm = true;
        this.wcrmCheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnhotel (value) {
      if (value.length <= 0) {
        this.check_hotel = false;
        return;
      } else {
        this.check_hotel = true;
        this.hotelCheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnrwds (value) {
      if (value.length <= 0) {
        this.check_rwds = false;
        return;
      } else {
        this.check_rwds = true;
        this.rwdscheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnflxx (value) {
      if (value.length <= 0) {
        this.check_flxx = false;
        return;
      } else {
        this.check_flxx = true;
        this.flxxcheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnlive (value) {
      if (value.length <= 0) {
        this.check_live = false;
        return;
      } else {
        this.check_live = true;
        this.livecheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadndjpt (value) {
      if (value.length <= 0) {
        this.check_djpt = false;
        return;
      } else {
        this.check_djpt = true;
        this.djptcheckList = this.$fnc.arrOrObj(value);
      }
    },
    
    hadnsqwd (value) {
      if (value.length <= 0) {
        this.check_sqwd = false;
        return;
      } else {
        this.check_sqwd = true;
        this.sqwdcheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnqsps (value) {
      if (value.length <= 0) {
        this.check_qsps = false;
        return;
      } else {
        this.check_qsps = true;
        this.qspscheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnyuncang (value) {
      if (value.length <= 0) {
        this.check_yuncang = false;
        return;
      } else {
        this.check_yuncang = true;
        this.yuncangcheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnyuyue (value) {
      if (value.length <= 0) {
        this.check_yuyue = false;
        return;
      } else {
        this.check_yuyue = true;
        this.yuyuecheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadntx (value) {
      if (value.length <= 0) {
        this.check_tx = false;
        return;
      } else {
        this.check_tx = true;
        this.tx_datacheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnmy_order (value) {
      if (value.length <= 0) {
        this.check_order = false;
        return;
      } else {
        this.check_order = true;
        this.my_orderListCheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnmy_tzzt (value) {
      // 团长自提
      if (value.length <= 0) {
        this.check_tzzt = false;
        return;
      } else {
        this.check_tzzt = true;
        this.tzztListCheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnm_data (value) {
      if (value.length <= 0) {
        this.check_m_data = false;
        return;
      } else {
        this.check_m_data = true;
        this.m_dataListCheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnnew_power (value) {
      if (value.length <= 0) {
        this.check_new_power = false;
        return;
      } else {
        this.check_new_power = true;
        this.new_powerrListCheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnbusiness (value) {
      if (value.length <= 0) {
        this.check_business = false;
        return;
      } else {
        this.check_business = true;
        this.businessListCheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadntool (value) {
      if (value.length <= 0) {
        this.check_tool = false;
        return;
      } else {
        this.check_tool = true;
        this.toolListCheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnrecommend (value) {
      if (value.length <= 0) {
        this.check_recommend = false;
        return;
      } else {
        this.check_recommend = true;
        this.recommendListCheckList = this.$fnc.arrOrObj(value);
      }
    },
    getSendRow (row) {
      console.log(row);

      this.$store.dispatch("getShopsAll", { page: 1, page_size: 10 });
      if (row == null) return false;

      let index = row.index;

      if (!row.disable && row.title == "自定义链接") {
        this.links = "";

        return false;
      }

      if (row.url) {
        this.links = row.url;
      }

      if (row.url_title == "产品分类" && row.click_title == "供应商分类") {
        this.links = "/pages/shop/supplier/supplier?cate=" + row.id;
        return;
      }
      if (row.url_title == "产品分类" && row.click_title != "供应商分类") {
        this.links = "/shop/shopsearch?cate_id=" + row.id;
      }
      if (row.url_title == "旅游产品分类") {
        this.links = "/tourshop/cate?cate_id=" + row.id;
      }
      if (row.url_title == "插件管理") {
        this.links = row.url || "";
      }

      if (row.url_title == "商品选择") {
        this.links = "/pages/shop/shopdetail/shopdetail?id=" + row.id;
      }
      if (row.url_title == "文章添加") {
        this.links = "/pages/news/newsdetail/newsdetail?id=" + row.id;
      }
      if (row.url_title == "资讯分类") {
        this.form.links = "/news?cate_id=" + row.id;
      }
    }
  },
  watch: {
    ratingId (id) {
      this.findMenConfig(id);
    }
  },
  beforeCreate () {
    this.load = true;
  },
  mounted () {
    this.getRatingList();
    this.getMemberList();
    this.getCustomToolList();
    this.load = false;
  }
};
</script>

<style lang="less" scoped>
@import "../../assets/css/style.css";
.add-menber-tool-item {
  cursor: pointer;
  border: 1px solid transparent;
  margin-right: 5px;
  width: 120px !important;
  height: 120px;
  position: relative;
  z-index: 0;
  margin-bottom: 5px;
  .close-member-toll {
    position: absolute;
    z-index: 3;
    top: 0px;
    right: 0px;
    font-size: 30px;
    color: #fff;
    display: none;
    width: 100%;
    text-align: right;
    background: rgba(0, 0, 0, 0.8);
    i {
      margin-right: 10px;
    }
  }
}
.add-menber-tool-item:hover {
  border-color: rgb(64, 158, 255);
}
.add-menber-tool-item:hover div.close-member-toll {
  display: block !important;
}
.add-menber-tool {
  height: 120px;
  width: 120px;
  line-height: 120px;
  text-align: center;
  border: 1px dashed rgb(217, 217, 217);
  cursor: pointer;
  > i {
    font-size: 40px;
    color: #ddd;
  }
}
.add-menber-tool:hover {
  border-color: rgb(64, 158, 255);
}
.diy-phone-contain,
.diy-phone-title,
.diy-conitem-action,
#diy-phone {
  width: 375px;
}
.tuan {
  font-size: 12px !important;
}
.vip_tool {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.vip_tool_item {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vip_tool_item_box {
  width: 100%;
  height: 75px;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
}
.vip_tool_item_box img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.vip_tool_item_box p {
  font-size: 12px;
  color: #333333;
  text-align: center;
  line-height: 26px;
}
.new_task {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 5px 0;
}
.new_task_item {
  width: 48%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.new_task_item_box {
  width: 100%;
}
.new_task_item_box img {
  width: 100%;
}
.bo_xhy_li5 {
  margin-top: 8px;
  text-align: left;
  margin-left: 14px;
}
.bo_xhy_div8 {
  position: absolute;
  bottom: 0;
  width: 100%;
  > div {
    width: 94%;
    margin: 0 auto;
    border-radius: 5px 5px 0 0;
    background: #2d262e;
    padding: 8px 8px;
    > div {
      justify-content: flex-start;
      align-items: center;
      > img {
        width: 16px;
        margin-right: 5px;
        vertical-align: middle;
      }
      > span {
        line-height: 1;
        &:nth-of-type(1) {
          color: #edcf95;
          font-weight: bold;
          font-size: 14px;
          line-height: 1;
        }
        &:nth-of-type(2) {
          height: 16px;
          border-left: 1px solid #f5ead3;
          margin: 0 8px;
        }
        &:nth-of-type(3) {
          color: #f5ead3;
          font-size: 12px;
        }
      }
    }
    > i {
      color: #edcf95;
      font-size: 20px;
      vertical-align: middle;
    }
  }
}
</style>
